@media only screen and (max-width: 321px) {
    html,body  {
        font-size: 32px;
    }
}
@media only screen and (min-width: 321px) and (max-width: 360px) {
    html,body  {
        font-size: 36px;
    }
}
@media only screen and (min-width: 361px) and (max-width: 375px) {
    html,body  {
        font-size: 37.5px;
    }
}
@media only screen and (min-width: 376px) and (max-width: 414px) {
    html,body  {
        font-size: 41.4px;
    }
}
@media only screen and (min-width: 415px) and (max-width: 480px) {
    html,body  {
        font-size: 48px;
    }
}
@media only screen and (min-width: 481px) and (min-width: 750px) {
    html,body  {
        font-size: 75px;
    }
}
@media only screen and (min-width: 751px) and (min-width: 768px) {
    html,body  {
        font-size: 76.8px;
    }
}
@media only screen and (min-width: 769px) and (min-width: 800px) {
    html,body  {
        font-size: 80px;
    }
}
@media only screen and (min-width: 801px) and (min-width: 1024px) {
    html,body  {
        font-size: 102.4px;
    }
}
@media only screen and (min-width: 1025px) and (min-width: 1080px) {
    html,body  {
        font-size: 108px;
    }
}
@media only screen and (min-width: 1081px) and (min-width: 1280px) {
    html,body  {
        font-size: 128px;
    }
}
@media only screen and (min-width: 1281px) and (min-width: 1366px) {
    html,body  {
        font-size: 136.6px;
    }
}
@media only screen and (min-width: 1367px) and (min-width: 1400px) {
    html,body  {
        font-size: 140px;
    }
}
@media only screen and (min-width: 1401px) and (min-width: 1600px) {
    html,body  {
        font-size: 160px;
    }
}
@media only screen and (min-width: 1601px) and (min-width: 1680px) {
    html,body  {
        font-size: 168px;
    }
}
@media only screen and (min-width: 1681px) and (min-width: 1920px) {
    html,body  {
        font-size: 192px;
    }
}
@media only screen and (min-width: 1921px) and (min-width: 2048px) {
    html,body  {
        font-size: 204.8px;
    }
}
html, body, div, img , a , input , dl, dt, dd, ul, ol, li, pre, code, form, fieldset, legend,button, textarea, p, blockquote, th, td, figure,a,h1,h2,h3,h4,h5,h6{
    margin: 0;padding: 0;
}
li{list-style-type:none;} 
img{border:0;vertical-align:top} 
ol,ul,li {list-style:none;} 
table { border-collapse:collapse; border-spacing:0; }
a{text-decoration:none;}
a:link{text-decoration:none;}
a:visited{text-decoration:none;}
a:hover{text-decoration:none;}
a:active{text-decoration:none;}
input[type="button"], input[type="submit"], input[type="reset"] {
	-webkit-appearance: none;
}